<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset=utf-8>
    <meta name=apple-mobile-web-app-title content=Hsury>
    <meta name=application-name content=Hsury>
    <meta name=msapplication-TileColor content=#2d89ef>
    <meta name=theme-color content=#ffffff>
    <meta name=viewport content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./logo.ico" type="image/x-icon">
    <link rel="shortcut icon" href="./blog.ico" type="image/x-icon">
    <link rel=manifest href=/site.webmanifest>
    <link rel=mask-icon href=/safari-pinned-tab.svg color=#5bbad5>
    <title>导航</title>
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/semantic.min.css">
    <style>
        * {
            color: #fff;
            font-family: "Microsoft YaHei";
            /* font-size: 8px; */
            /* font-weight: lighter; */
            text-align: center;
        }

        body {
            /* background: #888888; */
            /* background: #3cd5ff; */
            /* background: -webkit-linear-gradient(to right, #ff00c8, #3cd5ff); */
            /* background: linear-gradient(to right, #ff00c8, #3cd5ff); */
            /* background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); */
            /* background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%); */
            /* background-image: linear-gradient(to right, #00c9ff , #92fe9d ); */
            /* background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); */
            /* background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%); */
            background-image: linear-gradient(90deg, #b721ff 0%, #21d4fd 100%);
            /* background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%); */
            /* background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%); */
            /* background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%); */
            /* background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%); */
            /* 图片背景 */
            /* background-image: url(./bg.jpg); */
        }

        h1 {
            font-size: 75px;
            margin: 3.5vw 0 0
        }

        h2 {
            font-size: 24px;
            margin: .8vw
        }

        footer {
            font-weight: normal;
            line-height: 18px;
            margin: .8vw 0 .4vw;
            position: relative
        }

        /* 按钮样式 */
        .btn {
            color: rgba(255, 255, 255, 1);
            /* 磨砂玻璃效果 */
            backdrop-filter: blur(4px);
            border: 1px solid;
            /* cursor: pointer;  */
            display: inline-block;
            font-size: 14px;
            font-weight: 400;
            line-height: 45px;
            margin: 0 32px 1em;
            max-width: 120px;
            overflow: hidden;
            position: relative;
            text-decoration: none;
            vertical-align: middle;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 255, 255, 0.2);
            border-radius: 8px;
        }

        .btn:hover {
            color: rgba(64, 255, 192, 0.8);
            background-color: rgba(255, 255, 255, 0.4);
            border-color: rgba(255, 255, 255, 0.4);

        }

        /* 按钮按下 */
        .btn:after {
            background-color: rgba(255, 255, 255, 0.6);
            border-color: rgba(255, 255, 255, 0.6);
            background: #fff;
            /* content: "";
            height: 155px;
            left: -75px;
            opacity: .2;
            position: absolute;
            top: -50px;
            -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
            transform: rotate(35deg);
            -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            width: 50px;
            z-index: -10 */
        }

        /* 按钮悬停 */
        .btn:hover:after {
            background-color: #f00;
            color: #ff00c8;
            /* left: 120%;
            -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1)  */
        }
    </style>

    <style>
        /* 输入框聚焦 */
        input:focus {
            border: 1px solid rgb(255, 255, 255);
        }

        input {
            text-indent: 11px;
            padding-left: 11px;
            font-size: 16px;
        }
    </style>

    <!--输入框初始-->
    <style class="input/css">
        .input {
            width: 40%;
            height: 45px;
            vertical-align: top;
            box-sizing: border-box;
            border: 1px solid rgb(255, 255, 255);
            /* border-right: 1px solid rgb(255, 255, 255); */
            /* border-bottom-left-radius: 10px;
            border-top-left-radius: 10px; */
            border-radius: 20px;
            outline: none;
            margin: 0;
            display: inline-block;
            background: url(camera.png) no-repeat 0 0;
            background-position: 565px 7px;
            background-size: 28px;
            padding-right: 49px;
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 16px;
        }
    </style>
    <!-- 页脚 -->
    <style>
        footer {
            position: absolute;
            bottom: 0;
            /* 4. 设置页脚position为absolute之后，再将其bottom值设为0，即可使其处于页面的底部 */
            width: 99%;
        }
    </style>

</head>

<br>
<br>
<h2>个人网页导航</h2>
<br>
<br>

<!-- 搜索框 -->
<div style="font-size: 0px;">
    <div style="text-align: center">
        <form method="GET" action="https://www.baidu.com/s?wd=hello%20world" id="wd">
            <input type="text" class="input" name="wd" id="s-input" autofocus="autofocus" />
            <!-- <input type="submit" class="button" href="javascript:wd.submit()" value="search" /> -->
        </form>
    </div>
</div>


<!-- 链接 -->

<br>
<br>
<br>
<a href="https://www.google.com.hk/webhp?hl=zh-CN&sourceid=cnhp" class=btn>谷歌</a>
<a href="https://github.com/" class=btn>GitHub</a>
<a href="https://gitee.com/" class=btn>码云gitee</a>
<a href="https://www.runoob.com/" class=btn>菜鸟教程</a>
<a href="https://www.51zxw.net/" class=btn>我要自学网</a>
<a href="https://leetcode.cn/" class=btn>leetcode</a>
<br>
<br>
<br>
<a href="http://tjuacm.chaosheng.top/" class=btn>天大OJ</a>
<a href="https://mail.qq.com/" class=btn>QQ邮箱</a>
<a href="https://zxmhzwx.github.io/#/" class=btn>个人网站</a>
<a href="https://www.zhihu.com/" class=btn>知乎</a>
<a href="http://www.pigai.org/" class=btn>批改网</a>
<a href="https://passport2.chaoxing.com/login?fid=&refer=" class=btn>学习通</a>
<br>
<br>
<br>
<a href="http://classes.tju.edu.cn/" class=btn>天大选课网</a>
<a href="http://ee.tju.edu.cn/" class=btn>天大办公网</a>
<a href="https://party.twt.edu.cn/" class=btn>学生党建</a>
<a href="http://cic.tju.edu.cn/" class=btn>智算学部</a>
<a href="http://oaa.tju.edu.cn/" class=btn>天大教务处</a>
<a href="https://zhtj.youth.cn/zhtj/signin" class=btn>智慧团建</a>
<br>
<br>
<br>
<a href="http://cic.tju.edu.cn/xwzx/tzgg.htm" class=btn>智算通知公告</a>
<a href="http://www.lib.tju.edu.cn/" class=btn>天大图书馆</a>
<a href="https://wiki.tjubot.cn/" class=btn>北洋维基</a>
<a href="https://mail.tju.edu.cn/" class=btn>天大邮箱</a>
<a href="https://theory.twt.edu.cn/#/student/test" class=btn>天外天理论答题</a>
<a href="https://cet-bm.neea.edu.cn/" class=btn>四六级考试网</a>
<!-- <br>
<br>
<br> -->
<!-- <a href="https://www.dxzy163.com/"  class=btn>大学资源网</a>
<a href="https://zh.wikihow.com/%E9%A6%96%E9%A1%B5"  class=btn>wikihow</a>
<a href="https://tophub.today/"  class=btn>今日热榜</a>
<a href="https://www.yxgapp.com/"  class=btn>译学馆</a>
<a href="http://www.jsjlt.com/"  class=btn>电脑计算机论坛</a>
<a href="https://www.jsjbbs.cn/"  class=btn>计算机技术论坛</a> -->
<!-- <br>
<br>
<br> -->
<!-- <a href="https://bks.thefuture.top/"  class=btn>书籍搜索</a>
<a href="https://www.gaitubao.com/jpg-gif-png/"  class=btn>图片格式转换</a>
<a href="https://pan.baidu.com/disk/main?from=homeFlow#/index?category=all"  class=btn>百度网盘</a>
<a href="https://docs.qq.com/sheet/DR3ZQc1BGbG50ZFZ6?tab=z9azqz"  class=btn>天大资源共享页</a>
<a href="https://convertio.co/zh/audio-converter/"  class=btn>音频格式转换</a>
<a href="https://convertio.co/zh/"  class=btn>文件格式转换</a> -->
<!-- <br>
<br>
<br> -->
<!-- <a href="https://pan.quark.cn/#/user/login?callback=%2F"  class=btn>夸克网盘</a>
<a href="http://www.imagetotxt.com/"  class=btn>图片转文字</a>
<a href="https://tools.pdf24.org/zh/extract-pdf-pages"  class=btn>提取PDF页面</a>
<a href="http://www.zuohaotu.com/image-to-ico.aspx"  class=btn>图片转ico</a>
<a href="https://caj2pdf.cn/"  class=btn>caj转pdf</a>
<a href=""  class=btn></a> -->
<!-- <br>
<br>
<br> -->
<!-- <a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a> -->
<!-- 
<a href="https://blog.csdn.net/qq_43997786" target=_blank class="btn">blog</a>
<a href="https://space.bilibili.com/391099187?from=search&seid=10292981058346091712" target=_blank
    class=btn>Bilibili</a>
<a href="https://github.com/Jacky-Android" target=_blank class=btn>GitHub</a>
<a href="https://www.ghxi.com/" target=_blank class=btn>果核软件</a>
<a href="https://music.ghpym.com/" target=_blank class=btn>果核音乐</a>
<br>
<a href="https://www.cn-ki.net/" target=_ blank class=btn>iData</a>
<a href="https://www.dalipan.com/#/" target=_ blank class=btn>百度网盘爬虫</a>
<a href="http://flysheep.ys168.com/" target=_ blank class=btn>单机游戏分享</a>
<a href="https://www.douban.com/" target=_ blank class=btn>豆瓣</a>
<a href="https://www.zhihu.com/topic/19550228/hot" target=_ blank class=btn>知乎热榜</a>
<a href="https://www.githubs.cn/" target=_ blank class=btn>github china</a>
<br>
<a href="https://www.google.com/" target=_ blank class=btn>google</a>
<a href="https://gaoxx.com/" target=_ blank class=btn>巴法文库下载</a>
<a href="https://xbeibeix.com/api/bilibili/" target=_ blank class=btn>哔哩哔哩解析</a>
<a href="https://musicder.com/?ref=p" target=_ blank class=btn>音乐download</a>
<a href="https://www.meiju5.com/" target=_ blank class=btn>美剧网</a> 
-->

<footer>
    <script>
        function timeFormat(date) {
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var dte = date.getDate();
            var day = date.getDay();
            month < 10 && (month = "0" + month);
            var dayarr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
            return (year + "年" + month + "月" + dte + "日 " + dayarr[day]);
        }
        document.write(timeFormat(new Date()));
    </script>
    <p>ZXMH</p>
</footer>
</body>

</html>